@media only screen and (max-width: 1500px){

    .course-block_two-content{
        padding: 40px 25px 30px;
    }

    .course-block_two-author{
        font-size: var(--font-12);
    }

    .course-block_two-price{
        padding: 8px 10px;
    }

    .news-block_two-author,
    .course-block_two-author strong{
        font-size: var(--font-14);
    }

    .news-block_two-more{
        padding: 11px 14px;
        font-size: var(--font-13);
    }

}

@media only screen and (max-width: 1400px){

    .course-block_one-content{
        padding: 30px 25px;
    }

    .course-block_one-price{
        padding: 10px 10px;
    }

    .course-block_one-study{
        padding: 10px 16px;
    }

    .slider-three_images-outer{
        margin-right: 0px;
    }

    .slider-three_color-layer{
        display: none;
    }

}

@media only screen and (max-width: 1340px){

    .slider-three_elements,
    .header-top .bismillah{
        display: none;
    }

    .main-header .main-menu .navigation > li{
        margin-right: var(--margin-right-25);
    }

}

@media only screen and (max-width: 1240px){

    .welcome-one_image{
        margin-right: var(--margin-zero);
    }

    .welcome-one_image-outer{
        padding-left: var(--padding-zero);
    }

    .welcome-one_content-outer{
        padding-right: var(--padding-zero);
    }

    .students-one .inner-container{
        padding: 40px 40px 0px 40px;
    }

    .testimonial-one_image{
        margin: var(--margin-zero);
    }

    .testimonial-one_carousel-outer{
        padding-left: var(--padding-zero);
    }

    .testimonial-block_one-text{
        padding-right: var(--padding-zero);
    }

    .cta-two .inner-container{
        padding: 27px 30px 23px;
    }

    .welcome-one_ameen{
        right: 30px;
    }

    .welcome-three_image::before,
    .welcome-three_image::after,
    .main-header.header-style-two .header_button-box{
        display: none;
    }

    .main-header.header-style-two .user-box{
        margin-right: var(--margin-zero);
    }

    .welcome-three_image-two{
        left: 0px;
    }

    .slider-three{
        background-color: #fffef9;
    }

    .page-title{
        padding: 120px 0px 120px;
    }

}

@media only screen and (max-width: 1140px){

    .header_button-box{
        display: none;
    }

    .header-top_list-two li{
        margin-right: var(--margin-right-10);
    }

    .header-top_list li{
        margin-right: var(--margin-right-10);
    }

    .main-header .user-box{
        margin-right: var(--margin-zero);
    }

    .featured-one .inner-container{
        padding-left: var(--margin-left-30);
        padding-right: var(--margin-right-30);
    }

    .cta-one_button{
        margin-top: var(--margin-top-30);
    }

    .testimonial-block_one-text{
        line-height: 32px;
        font-size: var(--font-18);
        margin-top: var(--margin-top-20);
    }

    .price-block_one-list{
        margin-left: var(--margin-left-20);
    }

    .cta-two_heading{
        margin: 20px 0px;
    }

    .cta-two_heading br{
        display: none;
    }

    .cta-two .inner-container{
        padding: 40px 25px 40px;
    }

    .header-top_list-two{
        padding: 15px 0px;
    }

    .featured-one{
        margin-top: 110px;
    }

    .slider-one .swiper-slide{
        padding: 150px 0px 150px;
    }

    h2{
        line-height: 50px;
        font-size: var(--font-40);
    }

    h3{
        line-height: 46px;
        font-size: var(--font-36);
    }

    .welcome-one_years{
        font-size: var(--font-18);
    }

    .service-block_one-upper{
        padding: 25px 25px;
    }

    .students-one_content-outer{
        padding: 55px 35px 0px;
    }

    .students-one_content-outer::after{
        display: none;
    }

    .testimonial-block_one-author,
    .testimonial-block_one-heading{
        margin-top: var(--margin-top-25);
    }

    .testimonial-one_ameen{
        right: 0px;
    }

    .news-block_one-content{
        padding: 25px 20px 30px;
    }

    .news-block_one-more{
        padding: 11px 15px;
    }

    .news-block_one-author{
        font-size: var(--font-14);
    }

    .welcome-two_content-outer{
        padding-left: 0px;
    }

    .welcome-two_image-outer{
        padding-right: 0px;
    }

    .welcome-two_image::before,
    .welcome-two_image::after{
        display: none;
    }

    .welcome-two_years{
        font-size: var(--font-18);
    }

    .welcome-two_image-two{
        right: 20px;
    }

    .main-header .main-menu .navigation > li{
        margin-right: var(--margin-right-15);
    }

    .header-style-two{
        position: relative;
    }

    .header-style-two .header-top{
        background-color: rgba(var(--color-thirtytwo-rgb), 1);
    }

    .main-header.header-style-two .header-upper .outer-box,
    .main-header.header-style-two .header-upper .logo-box{
        border-radius: 0px;
    }

    .slider-two .swiper-slide{
        padding: 150px 0px 150px;
    }

    .service-one{
        padding-bottom: var(--padding-bottom-80);
    }

    .testimonial-block_two-inner{
        padding: 30px 30px;
    }

    .welcome-three_image-outer{
        padding-right: 0px;
    }

    .welcome-three_years{
        font-size: var(--font-20);
    }

    .prayer-time_content{
        padding-left: var(--padding-left-50);
        padding-right: var(--padding-right-50);
    }

    .prayer-time_timing .bismillah{
        display: none;
    }

    .prayer-time_timing .d-flex{
        justify-content: center !important;
    }

    .scholar-detail_content-outer{
        padding-left: var(--padding-zero);
    }

    .scholar-detail_image-outer{
        padding-right: var(--padding-zero);
    }

    .event-block_one-content{
        padding: 0px 20px 22px;
    }

    .event-block_one-price span{
        padding: 12px 12px;
        font-size: var(--font-13);
    }

    .event-block_one-price{
        font-size: var(--font-13);
    }

    .service-detail .content{
        padding: 60px 15px 60px;
        background-image: inherit !important;
        border: 10px solid var(--color-two);
        background-color: var(--main-color);
    }

    .service-detail_image img{
        max-width: 100%;
    }

}

@media only screen and (min-width: 768px){



}

@media only screen and (max-width: 991px){

    .cta-two .inner-container,
    .cta-one .inner-container{
        text-align: center;
        justify-content: center !important;
    }
    .slider-one_heading {
        font-size: 50px;
    }
    .welcome-one_image::before,
    .welcome-one_image::after{
        display: none;
    }

    .testimonial-one_ameen{
        top: -10px;
    }

    .cta-one .inner-container{
        padding: 40px 30px;
    }

    .welcome-three_dots,
    .testimonial-one_image,
    .cta-one_heading br{
        display: none;
    }

    .testimonial-one_image-column{
        margin-bottom: var(--margin-zero);
    }

    .testimonial-one{
        padding-top: var(--padding-top-100);
        background-position: center center;
        padding-bottom: var(--padding-bottom-60);
    }

    .gallery-one_button{
        margin-top: var(--margin-top-25);
    }

    .welcome-three_content-column{
        order: 1;
        margin-bottom: var(--margin-bottom-60);
    }

    .welcome-three_image-column{
        order: 2;
    }

    .class-block_one-content{
        padding: 0px 20px 30px;
    }

}


@media only screen and (max-width: 976px){



}

@media only screen and (max-width: 1023px){

    .main-header .main-box .logo-box {
        position:relative;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        margin:0px;
        text-align:left;
    }

    .main-header .outer-box{
        position: static;
        display:block;
    }

    .main-header.header-style-two .mobile-nav-toggler{
        color: var(--white-color);
    }

    .slider-two_pagination{
        opacity: 0;
        visibility: hidden;
    }

    .main-header{
        position:relative;
    }

    .main-header .nav-outer{
        width:100%;
        text-align:center;
    }

    .main-header .mobile-nav-toggler{
        display:block;
    }

    .main-header .sticky-header .mobile-nav-toggler{
        display:block;
    }

    .main-header .nav-outer,
    .main-header .sticky-header .main-menu,
    .header-style-one .header-upper .inner-container::before{
        display:none;
    }

    .main-header #navbarSupportedContent{
        display:block;
    }

    .main-header .mCSB_inside > .mCSB_container{
        margin-right:0px;
    }

    .main-header{
        position: relative;
    }

    .welcome-two_content-column{
        order: 1;
        margin-bottom: var(--margin-bottom-60);
    }

    .welcome-two_image-column{
        order: 2;
    }

    .main-header .header-upper .logo-box{
        padding: 25px 0px;
    }

    .header-style-three{
        min-height: 92px;
    }

}

@media only screen and (max-width: 991px){

    .welcome-three_content-outer{
        padding-left: 0px;
    }
    .page-title {
        padding: 100px 0px;
    }
}


@media only screen and (max-width: 767px){

    .main-header .header-upper .logo-outer {
        position:relative;
        width:100%;
    }
    .page-title h1, 
    .page-title h2 {
        font-size: var(--font-45);
        line-height: 40px;
    }
    .main-header .sticky-header .outer-box{
        display:block;
        right: 0px;
        left: auto;
        top:0px;
    }

    .main-header .main-menu{
        width:100%;
        display:none;
    }

    .main-header .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-header .main-menu .navigation > li > ul:before{
        display:none !important;	
    }

    .main-header .main-box .logo-box{
        float:none;
        text-align:center;
        padding-bottom:10px;
    }

    .main-header .header-lower .outer-box{
        position:relative;
        z-index:12;
        display:block;
    }

    .main-header .main-menu .navbar-header .navbar-toggler{
        display: inline-block;
        z-index: 12;
        width: 50px;
        height: 40px;
        float: none;
        padding: 0px;
        text-align: center;
        border-radius: 0px;
        background: none;
        border: 1px solid #ffffff;
    }

    .main-header .main-menu .navbar-header .navbar-toggler .icon-bar{
        position: relative;
        background: #ffffff;
        height: 2px;
        width: 26px;
        display: block;
        margin:0 auto;
        margin:5px 11px;
    }

    .main-header .nav-outer{
        width:100%;
    }

    .main-header .nav-outer .mobile-nav-toggler{
        display: block;
    }

    .main-header #navbarSupportedContent{
        display:block;
    }

    .main-header .mCSB_inside > .mCSB_container{
        margin-right:0px;
    }

    .main-header .outer-box{
        margin-left:0px;
        padding:0px 0px;
    }

    .main-header .sticky-header .mobile-nav-toggler{
        display:block;
        padding:15px 0px;
    }

    h1{
        line-height: 60px;
        font-size: var(--font-50);
    }

    h2 {
        line-height: 42px;
        font-size: var(--font-32);
    }

    .slider-one_text{
        line-height: 28px;
        font-size: var(--font-18);
    }

    .feature-block_one-inner{
        text-align: center;
        padding: var(--padding-zero);
    }

    .feature-block_one-icon{
        position: relative;
        margin: 0 auto;
        margin-bottom: var(--margin-bottom-20);
    }

    .service-one .sec-title{
        margin-bottom: var(--margin-bottom-35);
    }

    .students-one .inner-container {
        padding: 30px 20px 0px 20px;
    }

    .cta-one_heading{
        line-height: 38px;
        font-size: var(--font-28);
    }

    .institute-block_one-heading a br{
        display: none;
    }

    .cta-two_heading{
        font-size: var(--font-28);
    }

    .slider-three_images-column .column:first-child .image:last-child{
        margin-left: 0px;
    }

    .service-one.style-three .sec-title{
        margin-bottom: var(--margin-bottom-70);
    }

    .service-block_one.style-three{
        margin-bottom: var(--margin-bottom-70);
    }

    .faq-one h3 br{
        display: none;
    }

    .faq-one h3{
        line-height: 38px;
        font-size: var(--font-28);
    }

    .prayer-time_timing{
        margin: 30px 0px 40px;
    }

    .prayer-time_content{
        padding: 30px 30px 30px;
    }

    .scholar-detail_content-column{
        order: 1;
        margin-bottom: var(--margin-bottom-30);
    }

    .scholar-detail_image-column{
        order: 2;
    }

    .event-detail_price{
        width: 100%;
    }

    .event-detail_price span{
        position: absolute;
        right: 10px;
    }

    .ticket-btn{
        margin-top: var(--margin-top-20);
        margin-left: var(--margin-zero);
    }

    .blog-detail_heading{
        line-height: 38px;
        font-size: var(--font-28);
    }

    .course-detail_price{
        margin-top: var(--margin-top-25);
    }

    .contact-info_outer::before{
        display: none;
    }

    .welcome-three_content p{
        padding-right: 0px;
    }

}

@media only screen and (max-width: 599px){

    h1 {
        line-height: 50px;
        font-size: var(--font-40);
    }
    .page-title h1, 
    .page-title h2 {
        font-size: var(--font-45);
    }
    .welcome-one_pattern,
    .welcome-three_years span,
    .slider-three_images-column,
    .welcome-one_pattern-two,
    .header-top{
        display: none;
    }

    .slider-one .swiper-slide {
        padding: 50px 0px;
    }

    .welcome-one_learn{
        font-size: var(--font-16);
    }

    .prayer-time_content{
        line-height: 26px;
        font-size: var(--font-16);
    }

    .welcome-one{
        padding-top: var(--padding-top-90);
    }

    .welcome-one_ameen{
        top: 20px;
        right: 20px;
    }

    .passout_inner,
    .top-rated_inner{
        min-height: auto;
        padding-left: var(--padding-zero);
    }

    .passout-number,
    .top-rated-icon{
        position: relative;
        top: 0px;
        margin-bottom: var(--margin-bottom-20);
    }

    .cta-one_heading {
        line-height: 34px;
        font-size: var(--font-24);
    }

    .gallery-one_button{
        position: relative;
        margin-top: var(--margin-top-25);
    }

    .sec-title_heading br{
        display: none;
    }

    .cta-two_heading {
        line-height: 32px;
        font-size: var(--font-22);
    }

    .footer-nav{
        margin-top: var(--margin-top-5);
    }

    .footer-nav li{
        margin-left: var(--margin-zero);
        margin-right: var(--margin-right-15);
    }

    .main-header{
        min-height: 92px;
    }

    .students-one_text{
        margin-top: var(--margin-top-15);
    }

    .students-one_content-outer {
        padding: 30px 20px 0px;
    }

    .students-one_text{
        padding-right: var(--padding-zero);
    }

    .event-detail_heading br{
        display: none;
    }

    .service-block_two-text{
        font-size: var(--font-16);
    }

    .service-detail_text br{
        display: none;
    }

    .service-detail_text{
        font-size: var(--font-16);
    }

    .news-block_three-heading{
        line-height: 40px;
        font-size: var(--font-30);
    }

    .news-block_three-content{
        padding: 25px 25px;
    }

    .blog-detail_heading br{
        display: none;
    }

    .blog-detail_content{
        padding: 25px 25px 25px;
    }

    .error-one h1{
        font-size: var(--font-120);
    }

    .error-one h1 span::before{
        display: none;
    }

    .error-one h3{
        line-height: 36px;
        font-size: var(--font-26);
    }

    .course-list li{
        font-size: var(--font-16);
    }

    .course-detail_list li:first-child{
        padding-left: var(--padding-zero);
    }

    .course-detail_list li:last-child{
        padding-right: var(--padding-zero);
    }

    .course-detail-tabs .tab-btns .tab-btn{
        padding: 8px 15px;
        font-size: var(--font-14);
    }

    .accordion-box .block .acc-btn{
        font-size: var(--font-16);
    }

    .accordion-box .questions,
    .accordion-box .block .preview{
        display: none;
    }

    .course-detail_list li{
        padding: 0px 20px;
    }

    .register-one h3 br{
        display: none;
    }

    .course-author_box-inner{
        padding: var(--padding-zero);
    }

    .course-author_box-image{
        position: relative;
        margin-bottom: var(--margin-bottom-25);
    }

    .course-detail-tabs .tab-btns .tab-btn{
        margin-bottom: var(--margin-bottom-10);
    }

    .course-detail-tabs .tab-btns{
        padding-bottom: 0px;
    }

    .accordion-box_two.style-two .block .acc-btn{
        line-height: 26px;
        font-size: var(--font-16);
    }

    .course-author:last-child{
        margin-bottom: var(--margin-zero);
    }

    .course-comment_form{
        margin-top: var(--margin-zero);
    }

    .course-author_inner{
        padding-top: var(--padding-zero);
        padding-left: var(--padding-zero);
        padding-bottom: var(--padding-bottom-20);
    }

    .course-author_image{
        position: relative;
        margin-bottom: var(--margin-bottom-25);
    }
    .slider-one_heading {
        font-size: 32px;
    }
}

@media only screen and (max-width: 479px) {

    h1 {
        line-height: 40px;
        font-size: var(--font-30);
    }

    h2 {
        line-height: 38px;
        font-size: var(--font-28);
    }
    .page-title h1, 
    .page-title h2 {
        font-size: var(--font-30);
    }
    .register-one h3,
    .service-detail_heading,
    .event-detail_heading,
    .scholar-detail_title,
    .faq-one h3,
    h3 {
        line-height: 38px;
        font-size: var(--font-28);
    }

    .welcome-one .sec-title_heading{
        margin-top: var(--margin-top-15);
    }

    .slider-one_text {
        line-height: 26px;
        font-size: var(--font-16);
    }

    .welcome-one_years span,
    .welcome-one .sec-title_title span,
    .main-header .user-box{
        display: none;
    }	

    .main-header .search-box-btn{
        margin-right: var(--margin-zero);
    }

    .welcome-one_content{
        padding-left: var(--padding-zero);
    }

    .welcome-one_content-image{
        position: relative;
        margin-bottom: var(--margin-bottom-20);
    }

    .service-block_one-icon{
        top: 30px;
        right: 30px;
    }

    .service-block_one-text{
        font-size: var(--font-16);
    }

    .students-one_counter-inner{
        min-height: auto;
        padding-left: var(--padding-zero);
    }

    .students-one_counter-icon{
        position: relative;
        display: inline-block;
        margin-bottom: var(--margin-bottom-20);
    }

    .students-one_counter-count{
        font-size: var(--font-40);
    }

    .students-one_counter-text{
        font-size: var(--font-18);
    }

    .news-block_one-more {
        padding: 11px 12px;
        font-size: var(--font-12);
    }

    .welcome-two_years span,
    .welcome-two_image-two,
    .welcome-three_image-two,
    .main-header.header-style-two .search-box-btn{
        display: none;
    }

    .main-header.header-style-two .mobile-nav-toggler{
        margin-left: var(--margin-zero);
    }

    .main-header.header-style-two .header-upper .logo-box{
        padding: 34.5px 15px;
    }

    .main-header.header-style-two .header-upper .outer-box{
        padding: 33px 20px;
    }

    .welcome-two_icon{
        position: relative;
        top: 0px;
        margin-bottom: var(--margin-bottom-35);
    }

    .welcome-two_middle-lower{
        padding-left: var(--padding-zero);
    }

    .welcome-two_thumb{
        position: relative;
        width: 100%;
        margin-bottom: var(--margin-bottom-30);
    }

    .course-block_two-content {
        padding: 40px 15px 30px;
    }

    .testimonial-block_two-heading{
        font-size: var(--font-20);
        margin-top: var(--margin-top-20);
    }

    .testimonial-block_two-text{
        line-height: 28px;
        font-size: var(--font-16);
        margin-top: var(--margin-top-15);
        padding-right: var(--padding-zero);
    }

    .testimonial-block_two-author{
        font-size: var(--font-16);
        margin-top: var(--margin-top-20);
    }

    .news-block_two-content{
        padding: 25px 15px 25px;
    }

    .page-title {
        padding: 80px 0px 80px;
    }

    .faq-one_accordian-column .accordian-outer{
        padding: 15px 15px;
    }

    .category-list li a,
    .post-widget .post h6,
    .time-countdown_subtitle{
        font-size: var(--font-16);
    }

    .class-block_one-date{
        margin-top: var(--margin-top-10);
    }

    .class-block_one-heading{
        line-height: 30px;
        font-size: var(--font-20);
    }

    .scholar-detail_socials{
        margin-left: var(--margin-left-10);
    }

    .event-detail_price span{
        position: relative;
    }

    .event-detail_accordian{
        padding: 15px 15px;
    }

    .organiser-widget{
        padding: 25px 25px;
    }

    .service-block_two-upper{
        padding: 0px 20px 25px;
    }

    .news-block_three-content{
        padding: 25px 15px;
    }

    .news-block_three-heading{
        line-height: 32px;
        font-size: var(--font-22);
    }

    .blog-detail_content {
        padding: 15px 15px 15px;
    }

    .blog-detail_meta{
        margin-top: var(--margin-top-15);
        margin-left: var(--margin-zero);
    }

    .blog-detail_heading {
        line-height: 34px;
        font-size: var(--font-24);
    }

    .sidebar-widget.style-two .content{
        padding: 20px 20px;
    }

    .blog-detail blockquote{
        padding: 20px 20px;
        line-height: 26px;
        font-size: var(--font-16);
    }

    .sidebar-page-container .comments-area .comment{
        padding-left: var(--padding-zero);
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb{
        position: relative;
    }

    .course-detail_list{
        margin-top: var(--margin-top-20);
    }

    .register-one_column .register-one_column-outer{
        padding: 25px 25px;
    }

    .styled-form .forgot-psw{
        margin-top: var(--margin-top-15);
        margin-left: var(--margin-zero);
    }

    .register-one h4{
        line-height: 38px;
        font-size: var(--font-28);
    }

    .slider-three_text{
        line-height: 28px;
        font-size: var(--font-18);
    }

    .slider-three_content-inner{
        padding-top: var(--padding-zero);
    }

}